.b_stacked-hero
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 10px;
	position: relative;

	h1, .h1
	{
		font-size: 60px;
		font-weight: 400;
		color: #FFF;
		line-height: 64px /* 107% */;
	}

	h2, .h2
	{
		font-family: Jost;
		font-size: 26px;
		font-weight: 400;
		font-style: normal;
		color: #C8E094;
		line-height: 30px /* 115% */;
	}

	p, .p
	{
		font-family: "Instrument Sans";
		font-size: 18px;
		font-weight: 500;
		font-style: normal;
		color: #FFF;
		line-height: 28px /* 156% */;
		letter-spacing: 0.02em;
	}

	.text-area-2
	{
		display: flex;
		flex-direction: column;
		padding: 50px 20px;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.headings-2
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h1.heading-2
	{
		align-self: stretch;
		order: 0;
	}

	h2.subheading-2
	{
		align-self: stretch;
		order: 1;
	}

	.body-2
	{
		align-self: stretch;
		order: 1;
	}

	.image-area-2
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		position: relative;
		flex: 0 0 219px;
		width: 100%;
		flex-shrink: 0;
		order: 1;
	}

	.hero-2
	{
		position: relative;
		flex: 0 0 219px;
		width: 100%;
		overflow: clip;
		object-fit: cover;
		order: 0;
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 0px 170px;
		gap: 96px;

		.text-area-2
		{
			gap: 10px;
			padding: initial;
			justify-content: initial;
		}

		.heading-2
		{
			width: 702px;
			align-self: initial;
		}

		.image-area-2
		{
			justify-content: center;
			flex: 0 0 619px;
			gap: initial;
		}

		.hero-2
		{
			flex: 0 0 619px;
		}
	}
}